<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template.xhtml">

	<!-- Corpo Esquerdo -->
	<ui:define name="subMenuEsquerdo">
		<h:form id="formAgenda">

			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />




			<div style="text-align: center; margin-bottom: 10px;">
				<h:outputText value="6"
					style="font-size:5.5em; font-size: 80pt; font-weight: 700; font-family: Arial,sans-serif;" />
				<br />
				<h:outputText value="Quinta-Feira"
					style="font-size:2.5em; font-weight: bold;" />
			</div>




			<p:separator id="separator" style="margin: 20px;" />


			<p:panelGrid style="width: 100%;">
				<f:facet name="header">
					<p:row>
						<p:column colspan="1" style="with:10px;">
							<p:graphicImage url="/resources/images/calendario.png" />
						</p:column>
						<p:column colspan="1" style="font-weight: bold;">
							<h:outputText value="Exibir Agenda" />

						</p:column>
					</p:row>
				</f:facet>

			</p:panelGrid>

			<div align="center">

				<p:calendar locale="pt" value="#{calendarBean.date1}" mode="inline"
					showButtonPanel="true" id="inlineCal" navigator="true" display="inline">
					<p:ajax event="dateSelect"
						listener="#{calendarBean.handleDateSelect()}" update="messages" />
				</p:calendar>


			</div>



			<p:separator id="separator2" style="margin: 20px;" />



			<p:fieldset legend="Proximo Compromisso">
				<p:scrollPanel style="width:260px;height:200px" mode="native">
					<p:panelGrid>
						<f:facet name="header">
							<p:row>
								<p:column colspan="2" rowspan="2">
									<p:graphicImage url="/resources/images/visaoGeral.png" />
									<br />
								8:30
							</p:column>
								<p:column colspan="1" rowspan="1" style="font-weight: bold;">
								Sexta-Feira
							</p:column>
							</p:row>
							<p:row>
								<p:column colspan="1" rowspan="1">07/04/2014</p:column>
							</p:row>
						</f:facet>
						<p:row>
							<p:column colspan="3">Acordar para  ir trabalhar - Acordar para  ir trabalhar</p:column>
						</p:row>

					</p:panelGrid>



				</p:scrollPanel>
			</p:fieldset>


		</h:form>







	</ui:define>



	<ui:define name="conteudo">

		<h:form id="form">

			<p:fieldset legend="Compromisso do Dia"
				style="margin:20px; width: 700px;">


				<p:dataTable id="tabela" var="evento"
					value="#{eventoBean.listaEvento}" scrollable="true"
					scrollHeight="200">



					<p:column width="50">

						<f:facet name="header">
							<p:graphicImage url="/resources/images/horario.png" />
							<br />
						</f:facet>

						<h:outputText value="10:00" />
					</p:column>
					<p:column headerText="Descrição">
						<h:outputText value="trabalhar o portifolio" />
					</p:column>


				</p:dataTable>


				<br />

				<p:commandButton value="Adicionar Compromisso"
					actionListener="#{projetoBean.prepararAdicionarProjeto}"
					icon="ui-icon-clock" image="ui-icon-clock" update=":formDialog"
					oncomplete="dialogProjeto.show()" />


			</p:fieldset>



			<p:fieldset legend="ANOTAÇÕES" style="margin:20px; width: 700px;">
				<p:dataTable id="tabela3" var="evento"
					value="#{eventoBean.listaEvento}" scrollable="true"
					scrollHeight="200">



					<p:column width="50">

						<f:facet name="header">
							<p:graphicImage url="/resources/images/anotacoes.png" />
							<br />
						</f:facet>

						<h:outputText value="#{evento.dataEvento}" />
					</p:column>
					<p:column headerText="Descrição">
						<h:outputText value="#{evento.descricao}" />
					</p:column>


				</p:dataTable>

				<br />

				<p:commandButton value="Adicionar Anotações"
					actionListener="#{projetoBean.prepararAdicionarProjeto}"
					icon="ui-icon-clock" image="ui-icon-clock" update=":formDialog"
					oncomplete="dialogProjeto.show()" />

			</p:fieldset>



		</h:form>





		<p:dialog id="dialogProj" header="Gerencia de Projeto"
			widgetVar="dialogProjeto" resizable="false" modal="true"
			showEffect="slide" width="620" height="400">


			<h:form id="formDialog" prependId="false">

				<h:panelGrid id="infoProjeto" columns="2">

					<h:outputLabel for="numProjeto" value="Nº Projeto:" />
					<h:inputText id="numProjeto"
						value="#{projetoBean.projeto.numProjeto}" />

					<p:commandButton id="btInserirProjeto" update=":form:tabela"
						oncomplete="dialogProjeto.hide();"
						action="#{projetoBean.inserirProjeto}" icon="ui-icon-document"
						value="Inserir Projeto" />
					<p:commandButton id="btAlterarProjeto" update=":form:tabela"
						oncomplete="dialogProjeto.hide();"
						action="#{projetoBean.alterarProjeto}" icon="ui-icon-pencil"
						value="Alterar Projeto" />

				</h:panelGrid>
			</h:form>

		</p:dialog>






	</ui:define>

</ui:composition>
</html>
